﻿@model WebVideo.EntityUser
           @{
               ViewBag.Title = "Thông tin cá nhân";
}
<div class="inner-container" id="inner-container" style="width: 8000px">
    <div class="wrap-widget">
        <div class="inner-widget _7">
            <h1>Thông tin tài khoản</h1>

            <div class="widget _2x3 phone bg-color-MediumSeaGreen">
                <div class="widget-content">
                    @Html.Action("Index", "Individual", new { Friend = @ViewBag.ThongTinCaNhan })
                </div>
                <!--/ .widget-content-->
            </div>
            <!--/ .widget-->


            <div class="widget _5x3 phone bg-color-greenDark">
                <div class="hd-tools">
                    <p>Thông tin cá nhân</p>
                   @{ if (ViewBag.ThongTinCaNhan == Request.Cookies["UserId"].Value)
                    {
                          <a class="btn btn-small btn-danger" href="#frmEditInfo" role="button" data-toggle="modal">Sửa</a>
                    }
                      }
                    
                </div>
                <div class="widget-content">
                    <a href="#frmEditImg" class="pull-right" role="button" data-toggle="modal">
                        @{
                             
                            if (Model.Avatar != null)
                            {
                                string k = "~/Content/Images/Avatar/" + Model.Avatar.ToString();
                            <img data-toggle="tooltip" data-placement="top" title="" data-original-title="Click để thay hoặc thêm mới :)" class="img-polaroid" alt="140x140" style="width: 140px; height: 140px;" src="../../Content/Images/Avatar/@Model.Avatar.ToString()" />
                            }
                            else
                            {
                            <img data-toggle="tooltip" data-placement="top" title="" data-original-title="Click để thay hoặc thêm mới :)" class="img-polaroid" alt="140x140" style="width: 140px; height: 140px;" src="../../Content/cssFrontEnd/images/avatar.jpg" /> 
                            }
                          
                        }
                    </a>
                    <dl class="dl-horizontal">
                        <dt>Tên đăng nhập:</dt>
                        <dd>@Model.UserName</dd>

                        <dt>Họ tên:</dt>
                        <dd>@Model.Name</dd>

                        <dt>Năm sinh:</dt>
                        <dd>@Model.YearBorn</dd>
                        <dt>Giới tính:</dt>
                        <dd>@Model.Sex</dd>

                        <dt>Tỉnh thành:</dt>
                        <dd>@Model.City</dd>

                        <dt>Số tài khoản Ngân hàng:</dt>
                        <dd><cite title="Ngân Hàng BIDV">@Model.BankAccount</cite></dd>
                    </dl>
                </div>
                @{
                    
               
                    if (ViewBag.ThongTinCaNhan == Request.Cookies["UserId"].Value)
                    {
                    <div class="hd-tools">
                        <p>Thay đổi mật khẩu</p>
                        
                    </div>
                    <div class="form-horizontal widget-content">
                        <p><i><small>Để trống nếu không muốn thay đổi. Mật khẩu ít nhất 6 ký tự chưa các ký tự a-z, A-Z, 0-9 và các ký tự đặc biệt !#$%^&* </small></i></p>
                        <div class="control-group pull-left">
                            <label class="control-label" for="inputPassword">Mật khẩu cũ:</label>
                            <div class="controls">
                                <input type="password" id="inputPassword">
                            </div>
                        </div>
                        <div class="control-group pull-left">
                            <label class="control-label" for="inputPassword">Mật khẩu mới:</label>
                            <div class="controls">
                                <input type="password" id="inputPasswordNew">
                            </div>
                        </div>
                        <div class="control-group pull-left">
                            <label class="control-label" for="inputPassword">Nhập lại mật khẩu mới:</label>
                            <div class="controls">
                                <input type="password" id="inputPasswordRe">
                            </div>
                        </div>

                    </div>
                    <!--/ .form-horizontal--><br /><br /><br /><br /><br />
                   <button class="btn btn-small btn-success" onclick="ThayDoiMatKhau()">Lưu mật khẩu</button>
                    <style>
                        button.btn.btn-small, input[type="submit"].btn.btn-small {
                            float: right;
                            margin-right: 10px;
                            }
                    </style>
                    }
                }

            </div>

        </div>
        <!--/ .inner-widget-->
    </div>
    <!--/ .wrap-widget -->
</div>
<!--/ .inner-container-->
</div>
@section occasionalScripts {
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/jquery.min.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/load.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/styles.js")" ></script>
    <script type="text/javascript" src="@Url.Content("~/Content/cssFrontEnd/js/jquery.nicescroll.min.js")" ></script>
}
<script type="text/javascript">
    document.body.className = 'no-js'
    // kiem tra hinh anh
    $(document).ready(function () {
        $('li#TaiKhoanCuaBan').addClass('active');
    });
    function checkField() {
        var image = $("#Image").val();
        if (image == null || image == "") {
            //do nothing
        }
        else {
            var ext = image.substring((Math.max(0, image.lastIndexOf(".")) || image.length) + 1);
            ext = ext.toLowerCase();

            if (ext != "jpg" && ext != "jpeg" && ext != "gif" && ext != "png") {
                $('#MatKhauError').text('Upload file jpg, jpeg, gif, png');
                $('#frmERROR').modal('show');
            }
        }
        return true;
    }

    function ThayDoiMatKhau() {
      
        var PassWord = $('#inputPassword').val();
        var PassNew = $('#inputPasswordNew').val();
        var PassReNew = $('#inputPasswordRe').val();
      
        if (PassNew.length < 6) {
            $('#MatKhauError').text("Mật khẩu mới phải từ 6 kí tự trở lên");
            $('#frmERROR').modal('show');
            return;
        }

        if (PassNew == PassReNew && PassNew != "") {
            var getURL = '@Url.Action("ChangePassWord", "Individual")';

            var UserName = $('.getUserNameOr').val();
            $.get(getURL, { "PassWord": PassWord, "NewPass": PassNew }, function (data) {

                if (data == "Complete") {
                
                    $('#MatKhauError').text("Mật khẩu đã được thay đổi thành công");
                    $('#frmERROR').modal('show');
                    $('#inputPassword').val("");
                    $('#inputPasswordNew').val("");
                    $('#inputPasswordRe').val("");
                }
                else {
                   
                    $('#MatKhauError').text("Mật khẩu không đúng, xin vui lòng thử lại");
                    $('#frmERROR').modal('show');
                }
            });
        }
        else {
           
            $('#MatKhauError').text("Mật khẩu mới và mật khẩu nhập lại không giống nhau");
            $('#frmERROR').modal('show');
        }
    }

    function ThayDoiThongTinCaNhan() {

        var Name = $('#inputName').val();
        var YearBorn = $('#inputYearBorn').val();
        var Sex = $('#inputSex').val();
        var City = $('#inputCity').val();
        var BankAccount = $('#inputBankAccount').val();
        var NameBank = $('#inputNameBank').val();
        var getURL = '@Url.Action("ChangeInfo", "Individual")';
        $.get(getURL, { "Name": Name, "YearBorn": YearBorn, "Sex": Sex, "City": City, "BankAccount": BankAccount, "NameBank": NameBank }, function (data) {

            if (data == "Complete") {
                window.location.href = "@Url.Action("ThongTinCaNhan", "Individual", new { Friend = System.Web.HttpContext.Current.Request.Cookies["userId"].Value })"
            }
            else {
                $('#MatKhauError').text("Thây đổi không thành công");
                $('#frmERROR').modal('show');
            }
        });
    }
</script>

@{
    if (ViewBag.ThongTinCaNhan == Request.Cookies["UserId"].Value)
    {
    <div id="frmEditImg" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3>Cập nhật hình ảnh</h3>
        </div>
        <div class="modal-body">
            <form id="formCreate" method="post" action="ChangeAvatar" enctype="multipart/form-data">
                <div class="form-horizontal">
                    <div class="control-group">
                        <label class="control-label" for="inputUser">Chọn hình ảnh mới:</label>
                        <div class="controls">
                            <input id="Image" name="Image" type="file">
                        </div>
                    </div>
                    <div class="control-group">
                        <div class="controls">
                            <input type="submit" class="btn btn-success" value="Lưu" onclick="return checkField()" />
                            <div id="ErrorImage" style="color: red;"></div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!--/ .frmEditImg-->
    <!--/ .frmEditImg-->
    
    
    
    <div id="frmEditInfo" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h3>Sửa thông tin cá nhân <small>(Vui lòng điền đầy đủ hết thông tin)</small></h3>
        </div>
        <div class="modal-body">
            <div class="form-horizontal">
                <div class="control-group">
                    <label class="control-label" for="inputUser">Họ và tên:</label>
                    <div class="controls">
                        <input type="text" id="inputName" value="@Model.Name">
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="inputUser">Năm sinh:</label>
                    <div class="controls">
                        <input type="text" id="inputYearBorn" value="@Model.YearBorn">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inputUser">Giới Tính:</label>
                    <div class="controls">
                        <select id="inputSex">
                            <option value="Nam">Nam</option>
                            <option value="Nữ">Nữ</option>
                        </select>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inputUser">Tỉnh thành:</label>
                    <div class="controls">
                        <select name="inputCity" id="inputCity">
                            <option value="Hồ Chí Minh" selected>Hồ Chí Minh</option>
                            <option value='An Giang'>An Giang</option>
                            <option value='Bắc Giang'>Bắc Giang</option>
                            <option value='Bắc Kạn'>Bắc Kạn</option>
                            <option value='Bạc Liêu'>Bạc Liêu</option>
                            <option value='Bắc Ninh'>Bắc Ninh</option>
                            <option value='Bến Tre'>Bến Tre</option>
                            <option value='Bình Dương'>Bình Dương</option>
                            <option value='Bình Phước'>Bình Phước</option>
                            <option value='Bình Thuận'>Bình Thuận</option>
                            <option value='Bình Định'>Bình Định</option>
                            <option value='BR-Vũng Tàu'>BR-Vũng Tàu</option>
                            <option value='Cà Mau'>Cà Mau</option>
                            <option value='Cần Thơ'>Cần Thơ</option>
                            <option value='Cao Bằng'>Cao Bằng</option>
                            <option value='Gia Lai'>Gia Lai</option>
                            <option value='Hà Giang'>Hà Giang</option>
                            <option value='Hà Nam'>Hà Nam </option>
                            <option value='Hà Nội'>Hà Nội</option>
                            <option value='Hà Tĩnh'>Hà Tĩnh </option>
                            <option value='Hải Dương'>Hải Dương</option>
                            <option value='Hải Phòng'>Hải Phòng</option>
                            <option value='Hậu Giang'>Hậu Giang</option>
                            <option value='Hòa Bình'>Hoà Bình</option>
                            <option value='Hưng Yên'>Hưng Yên</option>
                            <option value='Khánh Hòa'>Khánh Hoà</option>
                            <option value='Kiên Giang'>Kiên Giang</option>
                            <option value='Kon Tum'>Kon Tum</option>
                            <option value='Lai Châu'>Lai Châu</option>
                            <option value='Lâm Đồng'>Lâm Đồng</option>
                            <option value='Lạng Sơn'>Lạng Sơn</option>
                            <option value='Lào Cai'>Lào Cai</option>
                            <option value='Long An'>Long An</option>
                            <option value='Nam Định'>Nam Định</option>
                            <option value='Nghệ An'>Nghệ An</option>
                            <option value='Ninh Bình'>Ninh Bình </option>
                            <option value='Ninh Thuận'>Ninh Thuận</option>
                            <option value='Phú Thọ'>Phú Thọ </option>
                            <option value='Phú Yên'>Phú Yên</option>
                            <option value='Quảng Bình'>Quảng Bình</option>
                            <option value='Quảng Nam'>Quảng Nam </option>
                            <option value='Quãng Ngãi'>Quảng Ngãi</option>
                            <option value='Quảng Ninh'>Quảng Ninh</option>
                            <option value='Quảng Trị'>Quảng Trị</option>
                            <option value='Sóc Trăng'>Sóc Trăng</option>
                            <option value='Sơn La'>Sơn La</option>
                            <option value='Tây Ninh'>Tây Ninh</option>
                            <option value='Thái Bình'>Thái Bình</option>
                            <option value='Thái Nguyên'>Thái Nguyên</option>
                            <option value='Thanh Hóa'>Thanh Hoá</option>
                            <option value='Thừa Thiên Huế'>Thừa Thiên Huế</option>
                            <option value='Tiền Giang'>Tiền Giang</option>
                            <option value='Trà Vinh'>Trà Vinh </option>
                            <option value='Tuyên Quang'>Tuyên Quang</option>
                            <option value='Vĩnh Lonh'>Vĩnh Long </option>
                            <option value='Vĩnh Phúc'>Vĩnh Phúc</option>
                            <option value='Yên Bái'>Yên Bái</option>
                            <option value='Đà Nẵng'>Đà Nẵng</option>
                            <option value='Đắc Lắk'>Đắc Lắk </option>
                            <option value='Đắc Nông'>Đắc Nông</option>
                            <option value='Điện Biên'>Điện Biên</option>
                            <option value='Đồng Nai'>Đồng Nai </option>
                            <option value='Đồng Tháp'>Đồng Tháp</option>
                            <option value='Khác'>Khác</option>
                        </select>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inputUser">Số tài khoản ngân hàng:</label>
                    <div class="controls">
                        <input type="text" id="inputBankAccount" value="@Model.BankAccount">
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <input type="text" id="inputNameBank" placeholder="Ngân hàng" value="@Model.NameBank">
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <button class="btn btn-success" onclick="ThayDoiThongTinCaNhan()">Lưu</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    }
}
<!--/ .frmLogin-->

